<template>
  <div class="gather-item">
    <el-form class="left pt-4">
      <el-form-item label="检波器">
        <el-select>
          <el-option
            v-for="item in checkWaveItems"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="文件名前缀">
        <el-input />
      </el-form-item>
      <el-form-item label="记录时间">
        <el-input />
      </el-form-item>
    </el-form>
    <ul class="right">
      <li v-for="item in gatherStatus" :key="item.label" class="info-list">
        <span class="label">{{ item.label }}</span>
        <span class="value">{{ item.value }}</span>
      </li>
      <li style="margin-top: 60px;">
        <el-button class="ctl-btn mr-4">开始</el-button>
        <el-button class="ctl-btn close">结束</el-button>
      </li>
    </ul>
  </div>
</template>

<script setup>
const checkWaveItems = [
  { label: '平均', value: 0 },
  { label: '最大保持', value: 1 }
]
const gatherStatus = [
  { label: '进度', value: '已保存' },
  { label: '文件大小', value: '20.32MB' },
]
const props = defineProps({
  type: {
    type: String,
    default: 'time'
  }
})

</script>